<style>
    .linhaHora tr{
        height: 35px;
    }
    .hora{
        vertical-align: middle !important;
        text-align: center !important;
    }
    table.funcionario{
        width: 100% !important;
    }
    td.dia{
        padding:0 !important;
        margin:0 !important;
    }
    .nomeFunc{
        min-width: 120px;
    }
    .status{
        min-width: 10px;
    }
    #cabecalho label{
        width:100px;
    }
    #cabecalho li{
        display: inline;
        list-style-type: none;
        float:left;
        padding-left: 20px;
    }
    #cabecalho .btn-consulta{
        margin-top: 20px;
    }
</style>
<div style="overflow-x: scroll;">
    <div id="cabecalho">
        <ul>
            <li>
                <label>Data Inicial</label>
                <input type="text" id="dt_inicial" value="<?=$this->hoje?>" name="dt_inicial"/>
            </li>
            <li>
                <label>Segmento</label>
                <select id="calendar_segmento" name="segmento">
                    <?= $this->segmentos ?>
                </select>
            </li>

            <li>
                <input type="button" id="consulta_atendimento" value="Consulta Atendimentos" class="btn-large btn-consulta"/>
            </li>
            <li>
                <input type="button" id="novo_atendimento" value="Novo Atendimento" class="btn-large btn-consulta"/>
            </li>
        </ul>

    </div>
    <table class="table table-bordered table-striped" id="calendar">
    </table>
    <div id="modalAtend">
    </div>
</div>
